<template>
  <v-app>
    <AsideBar />
    <main class="app-main full-height">
      <div class="page-container">
        <router-view class="root-view" />
        <sidebar />
      </div>
    </main>
    <back-top />
  </v-app>
</template>

<script>

import AsideBar from '@/components/AsideBar'
import BackTop from '@/components/BackTop'
import Sidebar from '@/components/Sidebar'
export default {
  name: 'App',

  components: {
    Sidebar,
    BackTop,
    AsideBar
  },

  data: () => ({
    //
  })
}
</script>

<style>
.v-application--wrap {
  flex-direction: row !important;
}
.app-main {
  flex: 1;
  height: 100vh !important;
}
.app-main > .page-container {
  display: flex;
}
.root-view {
  flex: 1;
  overflow-x: hidden;
}
</style>
